<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Repute</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <div class="header">
        <div class="nav">
            <div class="container">
                <div class="row">
                    <div class="col-md-2 nav-left">
                        <img src="img/nav-img1.png" alt="">
                    </div>
                    <div class="col-md-2"></div>
                    <div class="col-md-8">
                        <ul class="nav1 clearfix">
                            <li class="li-2"><a href="">HOME</a> &nbsp;<a href=""><img src="img/nav-btn1.png" alt=""></a></li>
                            <li class="li-3"><a href="">FEATURES</a> &nbsp;<a href=""><img src="img/nav-btn1.png" alt=""></a></li>
                            <li class="li-2"><a href="">PAGES</a> &nbsp;<a href=""><img src="img/nav-btn1.png" alt=""></a></li>
                            <li class="li-3"><a href="">PORTFOLIO</a> &nbsp;<a href=""><img src="img/nav-btn1.png" alt=""></a></li>
                            <li class="li-2"><a href="">BLOG</a> &nbsp;<a href=""><img src="img/nav-btn1.png" alt=""></a></li>
                            <li class="li-1"><a href=""><img src="img/nav-btn2.png" alt=""></a>&nbsp; <a href="">UPGRADE TO PRO</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="banner-top">
            <a href=""><img src="img/main-top-img.png" alt=""></a>
        </div>
        <div class="banner-bottom pt-5 pb-5">
            <div class="container text-center">
                <div class="row">
                    <div class="col-md-3">
                        <img src="img/banner-bottom-img1.png" alt="">
                        <a href="">STRONG STRUCTURE</a>
                    </div>
                    <div class="col-md-3">
                        <img src="img/banner-bottom-img2.png" alt="">
                        <a href="">GLOBAL SERVICES</a>
                    </div>
                    <div class="col-md-3">
                        <img src="img/banner-bottom-img3.png" alt="">
                        <a href="">DYNAMIC CHANGE</a>
                    </div>
                    <div class="col-md-3">
                        <img src="img/banner-bottom-img4.png" alt="">
                        <a href="">EXPONENTIAL GROWTH</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="main-1">
            <div class="main-1-top">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <h3>KNOW BETTER</h3>
                            <p class="p">......</p>
                            <p class="p1">Synergistically procrastinate one-to-one results for
                            accurate platforms.Assertively whiteboard corporate
                            users whereas dynamic initiatives.</p>
                            <p class="p2">Energistically architect-edge users and inexpensive internal or"organic"sources.
                            Distinctively evolve e-business resources after progressive intellectual capital.Objectively
                            architect maintainable technologies via stategic convergence.Continually optimize
                            stand-alone expertise with e-business e-services.Continually conceptualize client-centered
                            opportunities and.</p>
                            <p class="p2">Dynamically customize backward-compatible processes via front-end models.Distinctively
                            evisculate an expanded array of scenarios after virtual information.Professionally
                            predominate technically sound resources through impactful mindshare.Efficiently srive
                            viral interfaces without inexpenvise value.Credibly.</p>
                        </div>
                        <div class="col-md-6">
                            <a href=""><img src="img/main-1-top-img.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-1-bottom">
                <div class="container">
                    <div class="row">
                        <div class="col-md-1">
                            <img src="img/main-1-bottom-img1.png" alt="">
                        </div>
                        <div class="col-md-5">
                            <h3>GOAL ORIENTED</h3>
                            <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly
                            predominate ubiquitous outsourcing through an expanded array of
                            functionalities.</p>
                        </div>
                        <div class="col-md-1">
                            <img src="img/main-1-bottom-img2.png" alt="">
                        </div>
                        <div class="col-md-5">
                            <h3>GOAL ORIENTED</h3>
                            <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.</p>
                        </div>
                    </div>
                    <div class="row pt-3">
                        <div class="col-md-1">
                            <img src="img/main-1-bottom-img3.png" alt="">
                        </div>
                        <div class="col-md-5">
                            <h3>DYNAMIC CHANGE</h3>
                            <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.</p>
                        </div>
                        <div class="col-md-1">
                            <img src="img/main-1-bottom-img4.png" alt="">
                        </div>
                        <div class="col-md-5">
                            <h3>PROFESSIONAL SUPPORT</h3>
                            <p>Holisticly harness just in time technologies via corporate scenarios.Intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-2">
            <div class="main-2-top">
                <div class="container text-center">
                    <div class="row">
                        <div class="col-md-12">
                            <img src="img/main-2-top-img.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-2-middle">
                <div class="container text-center">
                    <h3>ULTRA RESPONSIVE</h3>
                    <p>Phosfluorescently revolutionize viral leadership via tuankey technology.Synergistically monetize intermandated
                    strategic theme areas through multimedia based.</p>
                </div>
            </div>
            <div class="main-2-bottom">
                <div class="main-2-bottom-1 pt-3">
                    <div class="container">
                        <div class="hx"></div>
                    </div>
                </div>
                <div class="main-2-bottom-2">
                    <div class="container text-center">
                        <div class="row">
                            <div class="col-md-3"></div>
                            <div class="col-md-6">
                                <ul class="nav1 clearfix">
                                    <li class="li-1"><a href="">Responsive</a></li>
                                    <li><a href="">Easy to Customize</a></li>
                                    <li><a href="">Design</a></li>
                                    <li><a href="">Free Updates & Support</a></li>
                                </ul>
                            </div>
                            <div class="col-md-3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-3">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <h3>RECENT WORKS</h3>
                        <p>......</p>
                        <a href=""><img src="img/main-3-img1.png" alt=""></a>
                    </div>
                    <div class="col-md-4">
                        <a href=""><img src="img/main-3-img2.png" alt=""></a>
                    </div>
                    <div class="col-md-4">
                        <div class="row">
                            <div class="col-md-6 "></div>
                            <div class="col-md-6 pp">
                                <a href="" class="a">See all works</a>
                            </div>
                        </div>

                        <a href=""><img src="img/main-3-img3.png" alt="" class="img1"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-4">
            <div class="main-4-top">
                <div class="container">
                    <div class="row pt-5">
                        <div class="col-md-4 m1">
                            <h3>LATEST NEWS</h3>
                            <p>......</p>
                            <a href=""><img src="img/main-4-img1.png" alt=""></a>
                        </div>
                        <div class="col-md-2 p3">
                            <a href=""><img src="img/main-4-top-img1.png" alt=""></a>
                            <a href="" class="a"><img src="img/main-4-top-img3.png" alt=""></a>
                        </div>
                        <div class="col-md-2 p4">
                            <h4>Growth Strateqies We Must K...</h4>
                            <p>Proactively engage orthogonal
                            growth strategies without resource-
                            leveling testing procedures.</p>
                            <h4 class="h4">Products Research Methodolo...</h4>
                            <p class="p">Proactively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.</p>
                        </div>
                        <div class="col-md-2 p3">
                            <a href=""><img src="img/main-4-top-img2.png" alt=""></a>
                            <a href="" class="a"><img src="img/main-4-top-img4.png" alt=""></a>
                        </div>
                        <div class="col-md-2 p6">
                            <h4>Alternative E-commerce</h4>
                            <p>Proactively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.</p>
                            <h4 class="h4">Understanding Globally Scale...</h4>
                            <p class="p">Proactively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-4-bottom">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4">
                            <h4 class="h5 pt-3">In Demand:Collaboration Skill</h4>
                            <p>Proactively engage orthogonal growth strategies without
                            resource-leveling testing procedures.Seamlessly
                            predominate interoperable growth strategies.</p>
                            <div class="row m2">
                                <div class="col-md-4 p1">
                                    <p>23-02-2015</p>
                                </div>
                                <div class="col-md-4 p1"></div>
                                <div class="col-md-4 p1">
                                    <p>65 Comments</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 p3-1">
                            <a href=""><img src="img/main-4-bottom-img1.png" alt=""></a>
                        </div>
                        <div class="col-md-2 p4-1">
                            <h4 class="h4">Professional Leverage</h4>
                            <p class="p">Proactively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.</p>
                        </div>
                        <div class="col-md-4 p7">
                            <a href="" class="a">See all news</a>
                            <a href=""><img src="img/main-4-bottom-btn.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-5 mt-5 pt-4">
            <div class="container pt-5 pb-5">
                <div class="row">
                    <div class="col-md-1">
                        <img src="img/main-5-btn1.png" alt="">
                    </div>
                    <div class="col-md-2">
                        <p class="p">5200</p>
                        <p>SUBSCRIBERS</p>
                    </div>
                    <div class="col-md-1">
                        <img src="img/main-5-btn2.png" alt="">
                    </div>
                    <div class="col-md-2">
                        <p class="p">273</p>
                        <p>PROJECTS</p>
                    </div>
                    <div class="col-md-1">
                        <img src="img/main-5-btn3.png" alt="">
                    </div>
                    <div class="col-md-2">
                        <p class="p">640K</p>
                        <p>APPRECIATIONS</p>
                    </div>
                    <div class="col-md-1">
                        <img src="img/main-5-btn4.png" alt="">
                    </div>
                    <div class="col-md-2">
                        <p class="p">132</p>
                        <p>CLIENTS</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-top mt-5 pt-4 pb-4">
            <div class="container pt-2">
                <div class="row">
                    <div class="col-md-3">
                        <h2>GET IN TOUCH</h2>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-3">
                        <p>Call us at (1800)765-4321 or</p>
                    </div>
                    <div class="col-md-2">
                        <a href="">CONTACT US</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-middle pt-3 pb-5">
            <div class="container pt-4">
                <div class="row">
                    <div class="col-md-4 p1">
                        <img src="img/footer-bottom-btn.png" alt="">
                        <p class="p1-1">Proactively aggregate B2B initiatives before extensive
                        channels.Monotonectally extend interactive methods of
                        empowerment through excellent applications.Rapidiously
                        synergize visionary products with sticky technology.</p>
                        <p>1234North Main street</p>
                        <p>New York,NY 222222</p>
                        <p>Phone:(1800)765-4321</p>
                        <p>Email:email@yourdomain.com</p>
                    </div>
                    <div class="col-md-2 p2">
                        <ul>
                            <li><h5>USEFUL LINKS</h5></li>
                            <li class="li-1"><a href="">About Us</a></li>
                            <li class="li-2"><a href="">News</a></li>
                            <li class="li-2"><a href="">Community</a></li>
                            <li class="li-2"><a href="">Career</a></li>
                            <li class="li-2"><a href="">Blog</a></li>
                        </ul>
                    </div>
                    <div class="col-md-2 p3">
                        <ul>
                            <li class="li-1"><a href="">Press Kit</a></li>
                            <li class="li-2"><a href="">FAQ</a></li>
                            <li class="li-2"><a href="">Terms</a></li>
                            <li class="li-2"><a href="">Privacy Policy</a></li>
                            <li class="li-2"><a href="">Contact Us</a></li>
                        </ul>
                    </div>

                    <div class="col-md-4 p2">
                        <h5>NEWSLETTER</h5>
                        <p class="li-1">Get the latest update from us by subscribing to our
                        newsletter.</p>
                        <input type="search" placeholder="youremail@dormain.com" class="in">
                        <button>SUBSCRIBE</button>
                        <h5 class="h5">Get CONNECTED</h5>
                        <a href=""><img src="img/footer-bottom-img1.png" alt=""></a>
                        <a href=""><img src="img/footer-bottom-img2.png" alt=""></a>
                        <a href=""><img src="img/footer-bottom-img3.png" alt=""></a>
                        <a href=""><img src="img/footer-bottom-img4.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom pt-2 pb-2">
            <div class="container text-center pt-3">
                <p>More Templates-Collect from</p>
            </div>
        </div>
    </div>
</body>
</html>